<template>
    <nut-tabs v-model="value" align="left" sticky>
        <nut-tab-pane title="文章中心" pane-key="1">
            <wenzhang-page></wenzhang-page>
        </nut-tab-pane>
        <nut-tab-pane title="最新消息" pane-key="2">
            <news-page></news-page>
        </nut-tab-pane>
        <nut-tab-pane title="官方公告" pane-key="3">
            <notice-page></notice-page>
        </nut-tab-pane>
        <nut-tab-pane title="游戏更新" pane-key="4">
            <update-page></update-page>
        </nut-tab-pane>
    </nut-tabs>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const value = ref('1')
import WenzhangPage from './components/wenzhang.vue'
import NewsPage from './components/news.vue'
import NoticePage from './components/notice.vue'
import UpdatePage from './components/update.vue'


</script>

<style scoped lang="scss">
.nut-tab-pane{
    padding: 0;
    background-color: #1c1c1c;
    color: #fff;
}

</style>
